// @common-image-path - defined in webpack config

.device-ios {
    .theme-type-dark {
        i.icon {
            &.icon-logo {
                background: ~"url(@{common-image-path}/header/logo-android.svg)" no-repeat center;
            }
        }
    }
    i.icon {
        &.icon_mask {
            background-color: white;
        }
        &.icon-logo {
            width: 100px;
            height: 14px;
            background: ~"url(@{common-image-path}/header/logo-ios.svg)" no-repeat center;
        }
        &.icon-prev {
            width: 22px;
            height: 22px;
            .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M16,20.5L15,21.5L4.5,11l0,0l0,0L15,0.5L16,1.5L6.6,11L16,20.5z"/></g></svg>');
            &:after {
              display: none;
            }
        }
        &.icon-next {
            width: 22px;
            height: 22px;
            .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M15.5,11L6,1.5l1.1-1.1L17.5,11l0,0l0,0L7.1,21.5L6,20.5L15.5,11z"/></g></svg>');
            &:after {
                display: none;
            }
        }
        &.icon-edit {
            width: 22px;
            height: 22px;
            .encoded-svg-mask('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" fill="@{brandColor}"><g><path d="M0,20h22v1H0V20z"/><polygon points="19.3,5.3 6.1,18.4 4.6,16.9 17.8,3.8 17.1,3.1 3.5,16.7 3,20 6.3,19.5 19.9,5.9"/><path d="M20.5,5.3L22,3.8c0,0-0.2-1.2-0.9-1.9C20.4,1.1,19.2,1,19.2,1l-1.5,1.5L20.5,5.3z"/></g></svg>');
        }
        &.icon-show-password {
            width: 25px;
            height: 25px;
            .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.62546 12.5C7.1723 14.623 9.67579 16 12.5002 16C15.3246 16 17.8281 14.623 19.3749 12.5C17.8281 10.377 15.3246 9 12.5002 9C9.67579 9 7.1723 10.377 5.62546 12.5ZM20.5795 12.5C18.9043 9.79888 15.9123 8 12.5002 8C9.08806 8 6.09608 9.79888 4.4209 12.5C6.09608 15.2011 9.08806 17 12.5002 17C15.9123 17 18.9043 15.2011 20.5795 12.5Z"/><path d="M12.5002 10C13.8812 9.99654 14.9984 11.1189 15.0015 12.5C15.0046 13.8842 13.8843 15.0147 12.5002 15.0112C11.1195 15.0078 10.0083 13.8807 10.0114 12.5C10.0145 11.1224 11.1226 10.0035 12.5002 10Z"/></svg>', @text-secondary);
        }
        &.icon-hide-password {
            width: 25px;
            height: 25px;
            .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.3563 15.7651C11.7305 15.8154 12.1123 15.8414 12.5002 15.8414C15.3246 15.8414 17.8281 14.4644 19.3749 12.3414C18.6236 11.3102 18.166 10.7574 17.0361 10.1505L17.7591 9.41118C19.134 10.198 19.746 10.9975 20.5795 12.3414C18.9043 15.0425 15.9123 16.8414 12.5002 16.8414C11.8178 16.8414 11.1521 16.7695 10.5105 16.6327L11.3563 15.7651ZM8.12773 14.6323C7.14813 14.0435 6.29672 13.2627 5.62546 12.3414C7.1723 10.2184 9.67579 8.84141 12.5002 8.84141C13.0975 8.84141 13.2187 8.82442 13.7967 8.91092L14.721 8.06225C13.8906 7.82361 13.4176 7.8414 12.5148 7.84141H12.5002C9.08806 7.84141 6.09608 9.64029 4.4209 12.3414C5.17086 13.5507 6.18474 14.5791 7.38209 15.3462L8.12773 14.6323Z"/><path d="M16.0314 9.67145C15.7088 9.5343 15.3584 9.3959 15.0218 9.27392L9.15792 15.1593C9.49185 15.3022 9.83676 15.4243 10.191 15.5241L16.0314 9.67145Z"/><path d="M16.7904 8.91092C16.4786 8.76381 16.1396 8.6121 15.8163 8.47649L15.0218 9.27392C15.3584 9.3959 15.7088 9.5343 16.0314 9.67145L16.7904 8.91092Z"/><path d="M18.3454 7.35265L17.625 6.66113L15.8163 8.47649C16.1396 8.6121 16.4786 8.76381 16.7904 8.91092L18.3454 7.35265Z"/><path d="M9.39461 16.3222C9.05541 16.2049 8.72492 16.069 8.40438 15.9156L6.67677 17.6495L7.38209 18.3389L9.39461 16.3222Z"/><path d="M10.191 15.5241C9.83676 15.4243 9.49185 15.3022 9.15792 15.1593L8.40438 15.9156C8.72492 16.069 9.05541 16.2049 9.39461 16.3222L10.191 15.5241Z"/></svg>', @text-secondary);
        }
        &.icon-return {
            width: 24px;
            height: 24px;
            .encoded-svg-mask('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11.5 7.79289L14.3536 10.6464L13.6465 11.3536L12 9.7071V16H14.5V17H11V9.70713L9.35364 11.3536L8.64648 10.6464L11.5 7.79289Z" fill="@{brandColor}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1 4C1 3.44772 1.44775 3 2 3L9.75 3L11.75 5L22 5C22.5522 5 23 5.44772 23 6L23 20C23 20.5523 22.5522 21 22 21L2 21C1.44775 21 1 20.5523 1 20L1 4ZM2 20L2 4L9.25 4L11.25 6L22 6L22 20L2 20Z" fill="@{brandColor}"/></svg>');
        }
    }
}
